<template>
	<!-- <div class="header-back" :class="{activeNtop : activeNtop}"> -->
	<div class="header-back">
		<p>{{ title }}</p>
		<span class="iconfont icon-backer bac-spa1 bac-spa" @click="$router.go(-1)"></span>
		<span class="iconfont icon-sousuo-copy bac-spa2 bac-spa" @click="$router.push('/search')"></span>
	</div>
</template>

<script>
	export default {
		name:"header-back",
		data(){
			return {
				// activeNtop :false
			}
		},
		mounted(){
			// setTimeout(() => {
			// 	this.activeNtop = true;
			// },30)
		},
		props :{
			title:{
				type:String
			}
		}
	}
</script>

<style>
	.header-back{
		position: relative;
		top: 0px;
		width:100%;
		height: 50px;
		line-height: 50px;
		background-color: #F7F7F7;
		color: #666;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 0 2px #666;
		box-sizing: border-box;
	}
	.header-back p{
		text-align: center;
	}
	.bac-spa{
		position: absolute;
		height: 50px;
		top: 0;
		font-size: 22px;
	}
	.bac-spa1{
		left: 15px;
	}
	.bac-spa2{
		right: 15px;
	}
/*	.activeNtop{
		transition: all .5s;
		top: 0;
	}*/
</style>